<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>青雅后台管理系统</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <!--		<meta http-equiv="Cache-Control" content="no-siteapp" />-->
    <link rel="stylesheet" href="/css/font.css">
    <link rel="stylesheet" href="/css/weadmin.css">
    <link rel="stylesheet" href="/layui/css/layui.css"  media="all">
</head>
<body>
<!--<script src="https://www.layuicdn.com/layui/layui.js"></script>-->
<script src="/layui/layui.js" charset="utf-8"></script>
<script src="/js/common/jquery-3.4.1.js"></script>
<!-- 顶部开始 -->
<div class="container">
    <div class="logo">
        <a>青雅后台管理系统</a>
    </div>
    <div class="left_open">
        <!-- <i title="展开左侧栏" class="iconfont">&#xe699;</i> -->
        <i title="展开左侧栏" class="layui-icon layui-icon-shrink-right"></i>

    </div>
    <ul class="layui-nav left fast-add" lay-filter="">
        <!--				<li class="layui-nav-item">-->
        <!--					<a href="javascript:;">+新增</a>-->
        <!--					<dl class="layui-nav-child">-->
        <!--						&lt;!&ndash; 二级菜单 &ndash;&gt;-->
        <!--						<dd>-->
        <!--							<a onclick="WeAdminShow('资讯','https://www.baidu.com/')"><i class="layui-icon layui-icon-list"></i>资讯</a>-->
        <!--						</dd>-->
        <!--						<dd>-->
        <!--							<a onclick="WeAdminShow('图片','http://www.baidu.com')"><i class="layui-icon layui-icon-picture-fine"></i>图片</a>-->
        <!--						</dd>-->
        <!--						<dd>-->
        <!--							<a onclick="WeAdminShow('用户','https://www.jiuwei.com/')"><i class="layui-icon layui-icon-user"></i>用户</a>-->
        <!--						</dd>-->
        <!--					</dl>-->
        <!--				</li>-->
    </ul>
    <ul class="layui-nav right" lay-filter="">
        <li class="layui-nav-item">
            <a href="javascript:;" >Admin</a>
            <dl class="layui-nav-child">
                <!-- 二级菜单 -->
                <dd>
                    <a onclick="WeAdminShow('个人信息','/personal.html')">个人信息</a>
                </dd>
                <dd>
                    <a onclick="WeAdminShow('切换帐号','./login.html')">切换帐号</a>
                </dd>
                <dd>
                    <a class="loginout" href="/login">退出</a>
                </dd>
            </dl>
        </li>
        <li class="layui-nav-item to-index">
            <a href="https://www.jiuwei.com/" target="_blank">前台首页</a>
        </li>
    </ul>

</div>
<!-- 顶部结束 -->
<!-- 中部开始 -->
<!-- 左侧菜单开始 -->
<div class="left-nav">
    <ul class='layui-nav layui-nav-tree' lay-filter='test'>
        <div id="side-nav"></div>
    </ul>
</div>
<!-- <div class="x-slide_left"></div> -->
<!-- 左侧菜单结束 -->
<!-- 右侧主体开始 -->
<div class="page-content">
    <div class="layui-tab tab" lay-filter="wenav_tab" id="WeTabTip" lay-allowclose="true">
        <ul class="layui-tab-title" id="tabName">
            <li class="layui-this">后台首页</li>
            <li>网站设置</li>-->
            <li>用户管理</li>
            <li>权限分配</li>
            <li>商品管理</li>
            <li>订单管理</li>
<!--            <div class="layui-tab layui-tab-card">-->
<!--                <ul class="layui-tab-title">-->
<!--                    <li class="layui-this">网站设置</li>-->
<!--                    <li>用户管理</li>-->
<!--                    <li>权限分配</li>-->
<!--                    <li>商品管理</li>-->
<!--                    <li>订单管理</li>-->
<!--                </ul>-->
<!--                <div class="layui-tab-content" style="height: 100px;">-->
<!--                    <div class="layui-tab-item layui-show">1</div>-->
<!--                    <div class="layui-tab-item">2</div>-->
<!--                    <div class="layui-tab-item">3</div>-->
<!--                    <div class="layui-tab-item">4</div>-->
<!--                    <div class="layui-tab-item">5</div>-->
<!--                    <div class="layui-tab-item">6</div>-->
<!--                </div>-->
<!--            </div>-->
        </ul>
        <div class="layui-tab-content clildFrame">
            <div class="layui-tab-item layui-show">
                <iframe src="/" name="main"></iframe>
            </div>
            <div class="layui-tab-item">2</div>
            <div class="layui-tab-item">3</div>
            <div class="layui-tab-item">4</div>
            <div class="layui-tab-item">5</div>
            <div class="layui-tab-item">6</div>
        </div>
    </div>
</div>



<div class="page-content-bg">

</div>
<!-- 右侧主体结束 -->
<!-- 中部结束 -->
<!-- 底部开始 -->

<div class="footer">
    <div class="copyright">@2020 Qingya</div>
</div>
<!-- 底部结束 -->

<script >


    //			layui扩展模块的两种加载方式-示例
    //		    layui.extend({
    //			  admin: '{/}../../static/js/admin' // {/}的意思即代表采用自有路径，即不跟随 base 路径
    //			});
    //			//使用拓展模块
    //			layui.use('admin', function(){
    //			  var admin = layui.admin;
    //			});
    // layui.config({
    //     base: '/js/'
    //     , version: '101100'
    // }).extend({ //设定模块别名
    //     // menu: 'menu'
    // });
    layui.use(['jquery','element'], function () {
            var $ = layui.jquery;
            var element = layui.element;

        // admin = layui.admin,
        // menu = layui.menu;
        // $(function () {
        //     menu.getMenu('/json/menu.json');
        //
        // });

        $.get("/back",function(data){
            if(data!=null){
                // getMenus(data.menu);
                // element.render('nav');
                console.log(data);
                x(data);
            }else{
                layer.alert("权限不足，请联系管理员",function () {
                    //退出
                    window.location.href="/logout";
                });
            }
        });



        function x(data){
            var menu = "";
            for (var i = 0;i<data.length;i++){
                if(data[i].superior == 0){
                    menu += "<li class='layui-nav-item'>"
                    menu += "<a href='javascript:;'>"+data[i].j_explain+"</a>"
                    menu += " <dl class='layui-nav-child'>"
                    for (var j = 0;j<data.length;j++){
                        if (data[i].j_id == data[j].superior) {
                            menu += "<dd>"
                            // if (data[j].subordinate != null){
                            //     menu += "<li class='layui-nav-item'>"
                            // }
                            menu += "<a target='main' href='"+data[j].href+"'>"+data[j].j_explain+"</a>"
                            console.log(data[j].href);
                            console.log(data[j].j_explain)
                            // menu += "<a href='#' data-href='"+data[j].href+"'>"+data[j].j_explain+"</a>"
                            // if (data[j].subordinate != null){
                            //     y(data,j)
                            //     menu += "</li>"
                            // }
                            menu += "</dd>"
                        }
                    }
                    menu += "</dl>"
                    menu += "</li>";
                }
            }
            $("#side-nav").html(menu);
            element.init()
        }

        // function y(data,j) {
        //     menu += " <dl class='layui-nav-child'>"
        //     for (var i = 0;j<data.length;j++){
        //         if (data[j].j_id == data[i].superior) {
        //             menu += "<dd>"
        //             if (data[i].subordinate != null){
        //                 menu += "<li class='layui-nav-item'>"
        //             }
        //             menu += "<a target='main' href='"+data[i].href+"'>"+data[i].j_explain+"</a>"
        //             if (data[i].subordinate != null){
        //                 y(data)
        //             }
        //             menu += "</dd>"
        //         }
        //     }
        //     menu += "</dl>"
        // }
        //选项卡--start--
        element.tabAdd('wenav_tab',{
            title:'选项卡的标题',
            content:'选项卡的内容',   //支持传入html
            id:'选项卡标题的lay-id属性值'
        });

       $('a[data-href]').on("click",function () {
            console.log(111);
        })


        //选项卡--end--
    });
</script>


</body>
</html>